// 1. 渲染页面 :
// 先去获取一下localStorage ;
var cart_list = (function () {
      var storage = localStorage.getItem("carts");
      if (storage === null) {
            return [];
      }
      return JSON.parse(storage);
})();

function render() {
      var html = "";
      var total_price = 0;
      for (var i = 0; i < cart_list.length; i++) {

            var price = (cart_list[i].data.price / 100).toFixed(2);
            var count = cart_list[i].count
            var now_price = price * count;
            total_price += now_price;
            // html += `  <div class="row good-item" data-index="${i}">
            //                   <div class="col-md-1">
            //                         <input type="checkbox">
            //                   </div>
            //                   <div class="col-md-2 img_view">
            //                         <img src="${cart_list[i].data.hd_thumb_url}" alt="">
            //                   </div>
            //                   <div class="col-md-2 c_price">${price}</div>
            //                   <div class="col-md-4 c_num">
            //                         <button>-</button>
            //                         <input type="text" value="${count}">
            //                         <button>+</button>
            //                   </div>
            //                   <div class="col-md-2 c_total">
            //                         ${count * price}
            //                   </div>
            //                   <div class="col-md-1">
            //                         <button>删除</button>
            //                   </div>
            //             </div>`
     
            html += ` <div class="row good-item" data-index="${i}">
                        <div class="c_check">
                              <div class="checkbox active">
                                    <input type="checkbox" checked>
                              </div>
                              <div class="img_view">
                                    <img src="${cart_list[i].data.hd_thumb_url}"
                                          alt="">
                              </div>
                        </div>
                        <div class="c_name">
                              <a href="" title="">${cart_list[i].data.goods_name}</a>
                        </div>
                        <div class="c_attrs"></div>
                        <div class="c_price">
                              ￥${cart_list[i].data.price}
                        </div>
                        <div class="c_num">
                              <a href="" class="mins"></a>
                              <input type="text" value="${count}">
                              <a href="" class="add"></a>
                        </div>
                        <div class="c_total"> 
                              ￥${(cart_list[i].data.price)*count}
                        </div>
                        <div class="c_operate">
                              <button>删除</button>
                        </div>

                  </div>`




      }

      $(".goods-container").html(html);
      $(".total-price").html(total_price);
}
render()

$(".jumbotron").on("click", ".mins", function () {
      var index = $(this).parents(".good-item").attr("data-index");
      cart_list[index].count--;

      render();
      localStorage.setItem("carts", JSON.stringify(cart_list));
})
$(".jumbotron").on("click", ".add", function () {
      var index = $(this).parents(".good-item").attr("data-index");
      cart_list[index].count++;

      render();
      localStorage.setItem("carts", JSON.stringify(cart_list));
})
// $(".jumbotron").on("click", "button", function () {
//       var index = $(this).parents(".good-item").attr("data-index");
//       cart_list[index].count++;
//       $(good-item).remove();

//       render();
//       localStorage.setItem("carts", JSON.stringify(cart_list));
// })
$(".jumbotron").on("click","button",function(){
      $(this).parents(".good-item").remove();

      // render();
      // localStorage.setItem("carts", JSON.stringify(cart_list));
  })